$(function(){ 
// 旧数据
var old_data = $('.old_data').html(); 
// var old_data = '222';

//选择分类时生成属性与规格
$('select[name = category_cid]').change(function(){
    var cid = $(this).val();
    // alert(cid); 
    var type_tid = $(':selected',this).attr('type_tid');
    if (type_tid ==0 ) {
        alert('顶级分类不能添加商品');
        return;
    };
    $('input[name=type_tid]').val(type_tid); 

    $.ajax({
        type:"post",
        url:getAttr,
        data:{tid:type_tid},
        dataType:'json',
        success:function(phpData){
        // alert(typeof phpData);
        // 定义规格空变量 可选
        var spec = ''; 
        // 定义属性空变量 不可选
        var attr = '';
        // 通过class 区分属性和规格 
        $.each(phpData,function(k,v){
            // 组合规格字符串
            if (v.class == 1) {
                spec +='<tr class="info">'+
                    '<td align="right">'+v.taname+'</td>'+
                    '<td>';
                    if (v.tavalue == '') {
                        spec +='<input class="form-control" type="text" name="spec['+v.taid+'][tavalue][]">';

                    }else{ 
                        spec +='<select class="form-control" name="spec['+v.taid+'][tavalue][]">';
                        var option = '<option value="0">-请选择-</option>';
                        $.each(v.tavalue,function(kk,vv){
                            option += '<option value="'+vv+'">'+vv+'</option>';
                        })
                        spec +=option;
                        spec += '</select>';
                    } 
                    spec +='</td><td><p style="float:left;">附加价格</p>'+
                    '<input class="form-control" type="text" name="spec['+v.taid+'][added][]"'+
                    'style="float:left;width:40%;margin-left:5%;">'+
                    '</td><td><span class="add-spec btn btn-success add_spec">'+
                    '<i class="icon-plus icon-white"></i>添加规格</span></td></tr>'; 
            }else{
                attr +='<tr class="info">'+
                        '<td align="right">'+v.taname+'</td><td>'+
                        '<select class="form-control" name="attr['+v.taid+']">';
                        var option = '<option value="0">-请选择-</option>';
                        $.each(v.tavalue,function(kk,vv){
                            option += '<option value="'+vv+'">'+vv+'</option>';
                        })
                        attr +=option; 
                        attr +='</select></td></tr>';


            }
            
        })
        // 把组合好的规格、属性字符串填充得到页面
        $('#spec').html(spec);
        $('#attr').html(attr); 

        }

    }); 
    if (cid==old_cid) {
        $('.old_data').html(old_data);
    }

        })

	// 点击规格多增一个tr
	$('.add_spec').live('click',function(){
	// 获取父集tr
	var parentTr = $(this).parents('tr');
	// 克隆一个tr
	var tr = parentTr.clone();
	// 克隆好的tr插到下一tr
	parentTr.after(tr);
// 变成删除规格的红色按钮
	tr.find('span').removeClass('btn-success add_spec').addClass('btn-danger del_spec').html('删除规格'); 
})

// 删除规格
$('.del_spec').live('click',function(){
	$(this).parents('tr').remove();
})



});



// 异步删除图片函数
function del_ajax(pic_path){ 
    $.ajax({
        type:"post",
        url:del_g,
        data:{url:pic_path},
        success:function(phpData){
            if (phpData) { 
                // ts.parent().remove();
            };
        }
    });

}
